import { FC, useContext } from "react";
import useBody from "./hooks/useBody";
import { BigScreenContext } from "@/pages/Dashboard/context/BigScreenContext";

const Body: FC = () => {
  const bigScreenContext = useContext(BigScreenContext);
  const body = useBody();
  console.log("bigScreenContext.currentKey", bigScreenContext.currentKey);
  return (
    <>
      {bigScreenContext?.currentKey
        ? body.body?.[bigScreenContext?.currentKey]?.content
        : ""}
    </>
  );
};

export default Body;
